



/* 快捷菜单样式 */
#caidan {
    position: absolute;
    /* background-color: #af9c9c; */
    padding: 5px;
    /* border: 1px solid #ccc; */
    /* cursor: pointer; */
    color: white;

    box-shadow: #00000080 0 10px 30px;

    z-index: 9999;
    border-radius: 3px;
    padding: 5px 4px;
    background-color: #0b0b0bcc;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(11, 11, 11, .2);

}

/* 导航栏样式 */
#daohanglan {
    background-color: rgb(238, 236, 236);
    color: rgb(7, 121, 64);
    font-size: 15px;
    font-family: consolas;
    /* position: fixed; */
    position: absolute;

    max-width: 400px;
    overflow: hidden;
    z-index: 5000;
    text-align: left;
    border-radius: 5px;
     /* 添加粗边框 */
     border-width: 1px; /* 设置边框宽度 */
     border-style: solid; /* 设置边框样式为实线 */
     border-color: rgb(155, 152, 152); /* 设置边框颜色为黑色 */
     padding: 5px; /* 为上、下、左、右都设置10像素的内边距 */
     /* 添加阴影 */
     box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); 
    
    
}




/* 提示样式 */
#show {
    color:green;
    font-size: 12px;
    /* display: block; */
}

/* 快捷菜单悬浮 */
#myTable td:hover {
    background-color: lightgrey;
    border-radius: 2px;
    margin: 4px 0;
}


/* 隐藏类 */
.hidden {
    display: none;    
}

/* 位置切换类 */

/* 按钮样式设置 */
#cebianlan_Button {
    /* 按钮的高度为50像素 */
    /* height: 50px; */
    background-color: rgb(221, 202, 177);
    border-radius: 10px 0 0 10px;
    font-size: larger;
    z-index: 1200;
}

/* 按钮悬停时的样式设置 */
#cebianlan_Button:hover {
    background-color: rgb(247, 163, 7);
    /* 当鼠标悬停时，按钮的背景颜色变为红色 */
}




 /* 悬浮窗  样式表 */
 .floating-window {
    position: fixed;
    top: 30%; /* 调整初始位置 */
    left: 3px; /* 调整初始位置 */
    width: 350px;
    /* height: 200px; */
    border: 2px solid #7d7e80;
    border-radius: 5px;
    background-color: #fff;
    z-index: 1000;
    background-color: rgb(222, 224, 228);
    font-family: 'consolas';
    overflow: hidden; /* 超出部分隐藏 */
}

.title-bar {
    background-color: #6792c4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: move;
    font-weight: bolder;
    font-family: 'consolas';
}

.close-btn {
    float: right;
    cursor: pointer;
    font-size: large;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    
   
}


/* 侧边栏按钮 */
#cebianlan {
    position: fixed;
    right: 5%;
    bottom: 70%;
    z-index: 2000;
}

/* 去掉列表项的默认黑点 */
ul {
    list-style-type: none;
    padding: 0;
}

/* 样式化圆形按钮 */
.yuananniu {
    position: relative; /* 相对定位 */
    width: 50px;
    height: 50px;
    border-radius: 50%; /* 圆形边框 */
    border: 3px solid #b89595; /* 边框样式 */
    cursor: pointer; /* 鼠标悬停样式 */
    font-size: x-large;
    color: rgb(167, 29, 52); /* 文字颜色 */
    background-color: rgba(211, 211, 211, 0.445); /* 背景颜色 */
    display: flex; /* 使用弹性盒布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}


/* 下拉菜单样式 */
.sao-dropdown-menu {
    position: absolute; /* 绝对定位 */
    z-index: 2000; /* 设置层级 */
    top: 100%; /* 相对于父元素的底部对齐 */
    left: 0; /* 相对于父元素的左侧对齐 */
    width: 120px;
    background-color: #ffffffa4; /* 背景颜色及透明度 */
    border: 1px solid #ccc; /* 边框样式 */
    border-radius: 5px; /* 边框圆角 */
    padding: 5px 0; /* 内边距 */
    opacity: 0; /* 初始不透明度为0，隐藏 */
    transition: opacity 0.3s; /* 渐变过渡效果 */
    pointer-events: none; /* 确保下拉菜单在隐藏时不可点击 */
}

/* 鼠标悬停时显示下拉菜单 */
.yuananniu:hover .sao-dropdown-menu {
    opacity: 1; /* 透明度为1，显示 */
    pointer-events: auto; /* 在可见时启用指针事件 */
}

/* 下拉菜单项样式 */
.sao-dropdown-item {
    padding: 3px 5px; /* 内边距 */
    cursor: pointer; /* 鼠标样式 */
    font-size: xx-small; /* 字体大小 */
    margin: 1px; /* 外边距 */
    border: 1px solid transparent; /* 边框样式 */
}

/* 鼠标悬停时下拉菜单项样式 */
.sao-dropdown-item:hover {
    background-color: rgba(221, 146, 165, 0.349); /* 背景颜色及透明度 */
    border-radius: 4px; /* 边框圆角 */
    border-color: rgba(221, 146, 165, 0.349); /* 边框颜色 */
}

/* 鼠标悬停样式 */
.yuananniu:hover {
    transform: scale(1.2); /* 放大效果 */
    background-color: lightgray; /* 背景颜色变化 */
    border: 3px solid rgb(145, 18, 18); /* 边框颜色变化 */
}






/* 隐藏子菜单 */
.sao-submenu {
    display: none;
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 100px;
    
    background-color: #ffffff80; /* 背景颜色及透明度 */
    border: 1px solid #ccc; /* 边框样式 */
    border-radius: 5px; /* 边框圆角 */
    padding: 5px 0; /* 内边距 */
    
}

/* 显示子菜单 */
.sao-menu-item:hover > .sao-submenu {
    display: block;    
    border-radius: 4px; /* 边框圆角 */
    border-color: rgba(221, 146, 165, 0.349); /* 边框颜色 */
}



li {
    list-style-type: none;
}




